.wrapper { width:1400px; margin: 0px auto; overflow: hidden;}
.tblank{height:100px}
.Fast-nav{display: none;}
.img_h {position: relative;cursor: pointer;}
.img_h img { display: block; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.img_h img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0;}
.img_h.img_ha:hover img { opacity: 1;}
.img_h.img_ha:hover img:nth-child(2) { opacity: 0;}
a:hover .img_h.img_ha img,.img_h:hover img { opacity: 0;}
a:hover .img_h.img_ha img:nth-child(2),.img_h:hover img:nth-child(2) { opacity: 1;}
.visible-xs { display: none !important;}
.header { padding:0; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);}
.header_i { width: auto; max-width: auto; padding:0 3%; margin: auto; height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header.bg { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);background: #fff;}
.header.bg .header_i { height: 80px;}
.header .logo a,.header .logo img { display: block;}
.header_r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}

.header_r .nav{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.header_r .nav li {position: relative;z-index: 10; margin: 0 20px;}
.header_r .nav li>a {display: flex;align-items: center;height: 100px;position: relative;z-index: 0;}
.header_r .nav li>a h3 {font-size: 16px;color: #1a1a1a;}
.header_r .nav li>a i {margin-left:5px; background: url(../images/downjt.png) no-repeat;width:12px; height: 12px;}
.header_r .nav li:hover>a h3,.header_r .nav li.on>a h3 {color: #1f53be;}
.header_r .nav li.on>a i,.header_r .nav li:hover>a i {transform: rotate(180deg);color: #1f53be;}
.header_r .nav li .subnav {padding: 2px 15px;width: max-content;position: absolute;top: 97px;left: 50%;transform: translate(-50%, 50px);z-index: 10;background: #fff;opacity: 0;pointer-events: none;transition: all 0.4s;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06);border-top: 3px solid #1f53be;}
.header_r .nav li .subnav.on {opacity: 1;pointer-events: auto;transform: translate(-50%, 0);}
.header_r .nav li .subnav dl dd a {font-size: 14px;display: block;line-height: 24px;padding: 10px 20px;border-bottom: 1px solid #dbdbdb;text-align: center;}
.header_r .nav li .subnav dl dd:last-child a{border: none;} 
.header_r .nav li .subnav dl dd a:hover {color: #1f53be;}

.header_r_r {margin-left: 30px;}
.header_r_r a { font-size: 16px; color: #000000; display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header_r_r a:hover { color: #02396c;}
.mbmenu{display: none;}
/* index */
.abouttitle{ color:#333; font-size:24px; font-weight: bold; line-height:170%; padding:0 0 40px;}
.abouttitle span{font-size:16px; font-weight: normal; color:#888}
.abouttitle:after{content:''; display: block; height:3px; background: #0054a7; width:40px; margin-top:5px}
.producttitle{ color:#333; font-size:30px; font-weight: bold; line-height:170%; padding:0 0 40px;text-align: center;}
.producttitle:after{content:''; display: block; height:3px; background: #0054a7; width:40px; margin:5px auto 0}
.graybox { padding:80px 0; background: #f3f4f5;}
.ind1_i { width: 100%;}
.ind1_i li{float:left; width:32%; margin-right: 2%;}
.ind1_i li:last-child{margin-right: 0;}
.ind1_i a {}
.ind1_i a .img { overflow: hidden;}
.ind1_i a .img img {  width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.ind1_i a:hover .img img { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px);}
.ind1_i a .text { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-flex-direction: column;
  -ms-flex-direction: column; flex-direction: column; height:120px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #ffffff; position: relative;}
.ind1_i a:hover .text { margin-top: -30px; background: #02396c;}
.ind1_i a:hover .text * { color: #fff;}

.ind_sec1 .ind1Prev,
.ind_sec1 .ind1Next { cursor: pointer; width: 40px; height: 60px; background-color: #c3c3c3; position: absolute; z-index: 9; top: 0; bottom: 0; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateY(-75px); -moz-transform: translateY(-75px); -ms-transform: translateY(-75px); -o-transform: translateY(-75px);
  transform: translateY(-75px);}
.ind_sec1 .ind1Prev { left: 0;}
.ind_sec1 .ind1Prev img { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.ind_sec1 .ind1Next { right: 0;}
.ind_sec1 .ind1Prev:hover,
.ind_sec1 .ind1Next:hover { background: #0b3f6f;}
.homeabout{padding:80px 0}
.homeabout_l{float:left; width:45%;}
.homeabout_r{float:right; width:50%;}
.aboutbox{ line-height:2; font-size: 16px; padding-bottom: 30px}
.aboutbox span{font-size:18px; display:block; padding-bottom:20px; color:#333;}
.aboutbox p{padding-top: 15px;}
.kefubox{background:url(../images/kefudi.jpg); padding:70px 0;background-size:cover; background-attachment:fixed;}
.kefubox_r{width:45%; float:left;}
.kefubox_l{width:50%; float:right; font-size:16px}
.homenews li{ font-size:14px; color:#888;padding: 12px 0; line-height: 180%;}
.homenews h3{font-size:16px; padding-bottom: 6px;}
.homenews p{line-height: 26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.kefubox h2{font-size:24px; color:#333; padding-bottom:30px;}
.kflogo{margin:12px -5px 0px}
.kflogo li{float:left; width:calc(100% / 7)}
.kfbox{margin:5px;border:1px solid #eee;}
.kflogo img{ width:100%}
.kfmore{ margin:20px 0 0;}
.prosortlist-l .kfmore{ margin:40px 0 0;}
.kfmore a{ padding:10px 20px; font-size: 14px; display: block; text-align: center; line-height: 150%; width:max-content; border:1px solid #005ca2; border-radius:4px; color:#005ca2; text-transform:uppercase;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.kfmore a:hover{background: #005ca2;border:1px solid #005ca2;color:#fff}
/* footer */
.footer { background: #293545;color: #abafb6;}
.footer a{color: #abafb6;}
.footer a:hover{color:#fff}
.footer_it {padding:50px 0 30px; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.footer_it dl{padding:0;margin:0}
.footer_it .downl { float:none;}
.footer_it .downr { float:none; text-align: center;}
.footer_it h3{color:#fff; padding-bottom:10px; line-height: 30px; font-size:14px}
.footer_it h4{color:#fff; padding:10px 0 5px; line-height: 30px; font-size:14px}
.footer_it dd { line-height: 30px;}
.footer_it dd.tel { background: url(../images/tel2.png) left 50% no-repeat; padding-left: 25px;}
.footer_it dd.email { background: url(../images/email2.png) left 50% no-repeat; padding-left: 25px;}
.footer_it dd.addr { background: url(../images/addr2.png) left 8px no-repeat; padding-left: 25px;}
.footer .copyright { color: #abafb6; text-align: center; padding: 20px 0; border-top: 1px solid #2d3b4d;}
.footer .eimg{background: #fff; padding:8px; border-radius: 5px; margin-bottom:5px;}
/* footer */
.maincontent { padding:70px 0; background: #f3f4f5;}
.aboutcontent{line-height:200%;}
.contactwrap { border: solid 1px #dcdcdc; padding: 60px 0 0;}
.contact {font-size:16px; line-height:280%; padding: 0px 50px 50px; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.contact_l {width:45%}
.contact_l h2 { font-size: 18px;  font-weight: bold;  line-height:1.5;  color: #01376c; margin-bottom: 15px;}
.contact_l h2 span{display: block; font-size:14px;}

.contact_r {width:48%}
.contact .ewm { padding-top: 20px;}
.contact .ewm .img { display: inline-block; margin-right: 5px;}
.contact .ewm .img img {background: #fff; padding:10px; max-width: 111px;}
.contact .ewm p { font-size: 14px;  text-align: center;}

.bread {background: #fff;width: 100%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_i {height:70px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.bread_l { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.bread_l a { font-size: 14px; color: #666; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_l a:hover,
.bread_l a:last-child { color: #666;}
.bread_l img { margin: 0 10px;}
.bread_r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.bread_r a { font-size: 14px; color: #02396c; height: 70px; line-height: 70px; margin-left: 24px; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_r a::after { content: ''; width: 0px; height: 2px; background-color: #02396c; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_r a:first-child {margin-left: 0;}
.bread_r a:hover,
.bread_r a.active { color: #02396c; font-weight: bold;}
.bread_r a:hover::after,
.bread_r a.active::after {width:25px;}
.donghua {-moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.product-box{margin:0 -10px;}
.product-box .pul{margin:10px 10px;background-color: #fff;-moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s; transition: all 0s}
.product-box li{ float: left;width:25%;}
.product-box .pul a{display: block;}
.product-box li .donghua{-moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s;}
.product-box li .d1{text-align:center; font-size: 16px;line-height:30px;height: 30px;padding:20px 0; overflow: hidden;color: #5b5b5b;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.product-box li .img-box{	padding:10px 10px 0;overflow: hidden; text-align: center;}
.product-box li .img-box .hover-show{top: 240px;}
.product-box .pul:hover{-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);box-shadow: 0 0 15px rgba(0,0,0,.15);-moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.product-box li:nth-child(4n + 1) {clear: both;}
.product-box li:hover .img-box .hover-hide{top: -260px;}
.product-box li:hover .img-box .hover-show{top: 0;}
.product-box li:hover .img-box img{transform: scale(1.1);}
.product-box li:hover .d1{color: #94252a;}
.product-box li:hover .d2{color: #94252a;}
.mainproduct { padding:60px 0; background: #fff;}
.product_b{border: 1px solid #e2e2e2;background: #fafafa;}
.product_l{float:left; width:45%; text-align: center;background: #fff;}
.product_r{float:right; width:55%;}
.smfont{border-bottom:1px solid #e2e2e2; margin:40px 50px 0; padding-bottom: 20px;}
.smfont h2{font-size:30px; padding:5px 0 10px;}
.cscontent{padding:20px 50px;}
.cscontent img{margin-top: 8px;}
.downan{padding-left:50px; padding-bottom: 10px;}
.downan a{color:#fff}
.coniu:link{background:#014f91; height:46px; display: inline-block; line-height: 46px;color:#fff;text-transform: uppercase; font-weight: normal; padding-left:35px; padding-right:35px;}
.coniu:hover{background:#333;}
/* news */
.list{}
.list .item{ display: block; padding:15px 0; border-bottom: 1px dotted #ccc;transition: all .5s;}
.list .text-box{float: none; width:100%;}
.list .tit{font-size:18px;color: #0154cd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list .time{font-size:12px; padding: 3px 0; color:#999}
.list .con{font-size:14px;line-height:180%; color: #666; padding:8px 0;}
.list .more-box{ margin-top:8px;color: #333; background: url('../images/jt.png') no-repeat left 50%; padding-left: 12px}
.list .item:hover{background:#f5f5f5;padding:15px;}
.list .item:hover .more-box,.list .item:hover .tit{color: #d82028;}
.list .item:hover img{transform: scale(1.1);}

.viewbox{}
.viewbox h2{font-size:24px; text-align:center; color:#0e2c6a; padding-bottom:10px;}
.viewcontent{line-height:200%; padding:15px 0}
.viewcontent img{display:block; margin:0px auto; text-align:center;padding:10px 0}
.context{border-top:1px dotted #bbb;padding:10px 0}
.context_l{float:left; width:86%;}
.context_l li{line-height:30px}
.context_r{float:right; width:12%; padding-top:12px}
.context .return{line-height:35px; border-radius:17px; text-align:center; height:35px; display:block;background:#ec0000; color:#fff;}
.context:hover .return{background:#ad0000}
.sblist{margin:0 -10px}
.sblist_l{float:left; width:16.66%}
.sbbox{margin:10px;text-align: center;}
.case_pic{margin:0 -10px}
.case_pic li{float:left; width:25%}
.case_pic img{border-radius: 5px;}
.case_pic .case_box{margin:10px;text-align: center; overflow: hidden;}
.kefu{margin:0 -10px}
.kefu li{float:left; width:16.66%}
.kefu .imgbox{margin:10px;text-align: center; background: #fff; border: 1px solid #ddd; padding:0 15px;}

.youshiwrap{padding:0; background:url(../images/ysbgok.jpg);}
.youshiwrap .ysbiaotiwrap{ min-height: 180px; background: url(../images/youshi_bg.jpg) no-repeat center center;}
.youshiwrap .ysbiaoti{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;justify-content: space-between; align-items: center; min-height:180px;color: #fff;}
.youshiwrap .ys_left{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.youshiwrap .ys_right span{font-size: 24px;}
.youshiwrap .ys_right{ line-height: 200%; font-size:16px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.youshiwrap .sida{font-size:45px;font-weight: bold;line-height:110%;}
.youshiwrap .make{font-size:14px !important; line-height:180%; margin-left: 20px;}
.youshiwrap .make span{font-size: 22px;letter-spacing:3px;}
.youshiwrap .suoyou{padding-right:30px}
.youshiwrap .eimg{background: #fff; padding:6px; border-radius: 4px;}
.youshibox{ background: url(../images/ysbg.png) no-repeat center center; min-height: 320px; margin:80px 0;}
.youshi{}
.youshi_l{float:left; width:33%; text-align: right;}
.youshi_r{float:right; width:33%;}
.youshi .blueline{border-right:1px solid #204fa9; padding-right: 40px;}
.youshi .greenline{border-right:1px solid #64a81f; padding-right: 40px; margin-top: 70px;}
.youshi .orangeline{border-left:1px solid #f66330; padding-left: 40px;}
.youshi .qbluline{border-left:1px solid #30a0f6; padding-left: 40px; margin-top: 70px;}
.yslist{}
.yslist p{margin:5px 0; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.yslist h2{font-size:24px; line-height:40px; font-weight: bold;}
.yslist .co1{ color:#204fa9;}
.yslist .co2{ color:#64a81f;}
.yslist .co3{ color:#f66330;}
.yslist .co4{ color:#30a0f6;}
.yslist .number{ font-size:34px; line-height:40px; font-family: 'gothamregular_m'; color:#777;}
.ystelphone{border:1px solid #30a0f6; line-height: 45px; border-radius: 22px; font-size:16px; text-align: center; width:450px; margin:50px auto 0; background: #fff;}
.ystelphone strong{color:#204fa9; font-size:18px}

/*客服*/
.izl-rmenu{position:fixed; right:0; top:155px; z-index:999;}
.izl-rmenu .btna{width:40px; height:40px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block; background-size: 25px;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b; background-size: 25px;}

.izl-rmenu a.btn-linkin,.izl-rmenu a.btn-linkin:visited{background:url(../images/linkin.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block; background-size: 25px;}
.izl-rmenu a:hover.btn-linkin {background:url(../images/linkin.png) no-repeat center center #ff811b; background-size: 25px;}

.izl-rmenu a.btn-facebook,.izl-rmenu a.btn-facebook:visited{background:url(../images/facebook.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block; background-size: 25px;}
.izl-rmenu a:hover.btn-facebook {background:url(../images/facebook.png) no-repeat center center #ff811b; background-size: 25px;}

.izl-rmenu a.btn-twier,.izl-rmenu a.btn-twier:visited{background:url(../images/twier.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block; background-size: 25px;}
.izl-rmenu a:hover.btn-twier {background:url(../images/twier.png) no-repeat center center #ff811b; background-size: 25px;}

.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6); background-size: 25px;}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-121px; top:0px; display:none;width:111px;height:111px; background: #fff; padding:5px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6); background-size: 25px;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:40px; color:#FFF; font-size:15px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}
/*地图*/
#map { height: 550px;}
#map .BMapLabel { left: -152px!important; bottom: -38px!important; top: auto!important; background: transparent url(../images/map_info2.png) center / cover no-repeat!important; border: 0!important; width: 312px; height: 97px;}
#map .BMapLabel .inner { padding: 22px 0 22px 22px; width: 100%;}
#map .BMap_stdMpCtrl { right: auto!important; left: 10px!important;}
#map .anchorBL { display: none!important;}
#map .BMapLabel .inner h4 { font-size: 16px; line-height: 35px; color: #222; white-space: normal; background: url(../images/map_addr.png) center left no-repeat; padding-left:25px;}
/* contact */
/*广告*/
.aboutbanner { width:100%; background: #00396D; overflow: hidden; text-align:center}
.aboutbanner span{ display: none;}
.aboutbanner img{ max-width: none; width: 155%; margin-left: -27.5%;}
@media only screen and (min-width: 768px) {
	.aboutbanner img{ width: 150%; margin-left: -25%;}
}
@media only screen and (min-width: 1024px) {
	.aboutbanner img{ width: 140%; margin-left: -20%;}
}
@media only screen and (min-width: 1200px) {
	.aboutbanner{ height: 350px;}
	.aboutbanner img{ display: none;}
	.aboutbanner span{ display: block; background-position: center; background-repeat: no-repeat; height: 350px; width: 100%;}
}
.videowidth{width:100%; max-width: 1000px; margin:0px auto;}
.video{width:100%;height:100%;object-fit:fill;}

.translateSelectLanguage{display: none;}
.language-box { position: relative; height: 40px; z-index: 999;margin-left: 20px;}
.language-box .langbtn { color: #333; display: inline-block; display: flex; cursor: pointer; font-size: 14px; line-height: 40px; padding-left:25px}
.language-box .langbtn:before{content: '';position: absolute; left:0; top:50%; margin-top:-9px; width:18px; height:18px;background: url(../images/goal.png) no-repeat center/cover;}
.language-box .language-tab { display: none; padding: 5px 0; position: absolute; top: 40px; right: -10px; line-height:30px; z-index: 9999; width: 160px; /* border: 1px solid #d6d6d6; */ background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.25);}
.language-box .language-tab dd { color: #666; display: block; position: relative;}

.language-box .language-tab dd i{width:24px; height: 16px; position: absolute; left:15px; top:7px; display: block;}
.language-box .language-tab dd:nth-child(1) i{background: url(../images/en.png);}
.language-box .language-tab dd:nth-child(2) i{background: url(../images/ch.png);}
.language-box .language-tab dd:nth-child(3) i{background: url(../images/ru.png);}
.language-box .language-tab dd:nth-child(4) i{background: url(../images/fr.png);}
.language-box .language-tab dd:nth-child(5) i{background: url(../images/de.png);}
.language-box .language-tab dd:nth-child(6) i{background: url(../images/it.png);}
.language-box .language-tab dd:nth-child(7) i{background: url(../images/es.png);} 
.language-box .language-tab dd:nth-child(8) i{background: url(../images/ar.png);}
.language-box .language-tab dd:nth-child(9) i{background: url(../images/pt.png);}
.language-box .language-tab dd:nth-child(10) i{background: url(../images/ru.png);}
.language-box .language-tab dd:nth-child(11) i{background: url(../images/ja.png);}
.language-box .language-tab dd:nth-child(12) i{background: url(../images/ko.png);}
.language-box .language-tab dd:nth-child(13) i{background: url(../images/ja.png);}
.language-box .language-tab dd a{display: block; padding-left: 45px; font-size: 12px;}
.language-box .language-tab dd:hover { color: #1a80c0; background: #eee;}


.PC_ban{display: block;}
.Mob_ban{display: none;}
.banner{width: 100%;position: relative; background: #000000;}
.banner .swiper-container .swiper-button-prev{ top:48%;width: 40px;height: 40px; left:20px; background:url(../images/prev.png) no-repeat center center rgba(255,255,255,.4); border-radius: 50%; background-size: 24px;}
.banner .swiper-container .swiper-button-next{top: 48%;width: 40px;height: 40px; right:20px; background:url(../images/prev.png) no-repeat center center rgba(255,255,255,.4); border-radius: 50%; background-size: 24px; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;}
.banner .swiper-slide img{width:100%}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:15px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:35px !important;background: #ffff00 !important;opacity: 1 !important;}

.aboutlist{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between; align-items: center;}
.aboutlist-l{width:48%; font-size: 16px; line-height: 2.2;}
.aboutlist:nth-of-type(2){flex-direction: row-reverse; margin-top: 50px; margin-bottom: 50px;}

.prosortlist{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.prosortlist-l{width:40%; font-size: 16px; line-height: 2.2; padding-top:10px}
.prosortlist-r{width:55%;}
.prosortlist-r img{width:100%}
.prosortlist-r .swiper-container { position: relative;}
.prosortlist-r .swiper-container .banner_swiper{ overflow: hidden;}
.prosortlist-r .swiper-container .banner_swiper .swiper-slide {overflow: hidden;}
.prosortlist-r .swiper-container .swiper-button-prev{ top:48%;width: 34px;height: 34px; left:5px; background:url(../images/prev.png) no-repeat center center rgba(255,255,255,.7); border-radius: 50%; background-size: 24px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.prosortlist-r .swiper-container .swiper-button-next{top: 48%;width: 34px;height: 34px; right:5px; background:url(../images/prev.png) no-repeat center center rgba(255,255,255,.7); border-radius: 50%; background-size: 24px; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.prosortlist-r .swiper-container .swiper-button-prev.swiper-button-disabled { opacity: 1;}
.prosortlist-r .swiper-container .swiper-button-next.swiper-button-disabled { opacity: 1;}
.prosortlist-r .swiper-button-next:hover {background:url(../images/prev.png) no-repeat center center #fff; background-size: 24px;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
@media(max-width:1024px){
	.PC_ban{display: none;}
	.Mob_ban{display: block;}
	.aboutlist,.prosortlist{flex-direction: column;}
	.aboutlist-l{width:100%; font-size: 14px; line-height: 1.8; padding:6px 0}
	.aboutlist:nth-of-type(2){flex-direction: column; margin-top: 0px; margin-bottom: 0px;}
	.prosortlist-l{width:100%; font-size: 14px; line-height:1.8; padding-top:10px; padding-bottom: 10px;}
	.prosortlist-r{width:100%;}
}

/*右侧客服*/
.toolbar {position: fixed; z-index: 999; right: 5px;bottom: 100px; width:45px;}
@media (max-width:1024px) {
.toolbar {display: none}
}
.toolbar .toolitem {position: relative; width: 45px; padding: 0; background: #005ca2; margin-top: 1px; text-align: center; color: #fff;}
.toolbar .toolitem p{line-height: 20px; font-size: 12px;}
.toolbar .toolitem:hover {background:#00396d}
.toolbar .toolitem:hover .toolbox {opacity: 1;display: block;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.toolbar .toolbox {display: none;position: absolute;text-align: center;right: 45px;top: 20px;width: 120px;height: auto; padding: 10px 10px; opacity: 0; background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border:1px solid #e2e2e2;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.toolbar .toolitem .iconfont{font-size: 22px;}
.toolbar .tooltit {font-size: 14px; color: #444; line-height: 24px; text-align: left;}
.toolbar .toolfont {text-align: left; margin: 5px 0; font-size: 16px; color: #005ca2;}
.toolbar .tce{text-align: center;}
.toolbar a {display: block; color: #fff;}
.toolbar .whatsapp{background: url(../images/whatsapp.png) no-repeat center center; background-size:30px; width:45px;height: 45px; display: block;}
.toolbar .weixin{background: url(../images/wx.png) no-repeat center center; background-size:30px; width:45px;height: 45px; display: block;}
.toolbar .tel{background: url(../images/tel1.png) no-repeat center center; background-size:30px; width:45px;height: 45px; display: block;}
.toolbar .facebook{background: url(../images/facebook.png) no-repeat center center; background-size:30px; width:45px;height: 45px; display: block;}
.toolbar .qq{background: url(../images/qq.png) no-repeat center center; background-size:30px; width:45px;height: 45px; display: block;}